<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JCVP autoAgent</title>
		<link rel="icon" href="/img/favicon.ico" type="image/x-icon">
		<link href="/css/autoAgent_page.css" rel="stylesheet">
		<script src="/js/autoAgent_page.js"></script>
	</head>

	<body onload="on_page_load()">
		<div class="container">
			<div class="jc_window">
				<p class="jc_bar_title">状态:</p>
				<canvas id="radarCanvas" style="display:flex; margin:auto;" width="600" height="600"></canvas><br>
				<button class="js_state" style="top:20px;" id="js_state_1">ST1:目标选择</button>
				<button class="js_state" style="top:20px;" id="js_state_2">ST2:转台引导</button>
				<button class="js_state" style="top:20px;" id="js_state_3">ST3:自动跟踪</button>
				<button class="js_state" style="top:20px;" id="js_state_4">ST4:瞄准打击</button>
				<button class="js_state" style="top:20px;" id="js_state_5">ST5:目标切换</button><br><br><br>
				<label style="padding-left:4px; padding-right:4px; background-color:#4C5070;">ITV跟踪状态: </label>
				<label id="js_itv_mode" style="padding-left:10px; color:#45c000; font-weight:bold;">Searching</label><br>
				<div class="jc_bar_content">
					<span class="key" id="js_key_itv_score">Score:</span>
					<span class="value" id="js_val_itv_score">--</span>
					<span class="key" id="js_key_itv_box">Target:</span>
					<span class="value" id="js_val_itv_box">[--, --, w--, h--]</span>
					<span class="key" id="js_key_itv_miss">Offset:</span>
					<span class="value" id="js_val_itv_miss">[--, --]</span>
				</div>
				<label style="padding-left:4px; padding-right:4px; background-color:#4C5070;">CTV跟踪状态:</label>
				<label id="js_ctv_mode" style="padding-left:10px; color:#45c000; font-weight:bold;">Searching</label><br>
				<div class="jc_bar_content">
					<span class="key" id="js_key_ctv_score">Score:</span>
					<span class="value" id="js_val_ctv_score">--</span>
					<span class="key" id="js_key_ctv_box">Target:</span>
					<span class="value" id="js_val_ctv_box">[--, --, w--, h--]</span>
					<span class="key" id="js_key_ctv_miss">Offset:</span>
					<span class="value" id="js_val_ctv_miss">[--, --]</span>
				</div>
				<label style="padding-left:4px; padding-right:4px; background-color:#4C5070;">FTV跟踪状态:</label>
				<label id="js_ftv_mode" style="padding-left:10px; color:#45c000; font-weight:bold;">Searching</label><br>
				<div class="jc_bar_content">
					<span class="key" id="js_key_ftv_score">Score:</span>
					<span class="value" id="js_val_ftv_score">--</span>
					<span class="key" id="js_key_ftv_box">Target:</span>
					<span class="value" id="js_val_ftv_box">[--, --, w--, h--]</span>
					<span class="key" id="js_key_ftv_miss">Offset:</span>
					<span class="value" id="js_val_ftv_miss">[--, --]</span>
				</div>
			</div>
			<div class="vertical_line"></div>
			<div class="jc_window">
				<p class="jc_bar_title">控制:</p>
				<label style="padding-left:4px; padding-right:4px; background-color:#4C5070;">总控开关:</label><br>
				<label for="jc_auto_agent" style="padding-left:15px">Auto_agent 使能:</label>
				<label class="switch" id="jc_auto_agent">
					<input type="checkbox" id="jc_auto_agent_switch" onchange="on_jc_auto_agent_en()"></input> <span class="slider round"></span>
				</label><br><br>
				<label style="padding-left:4px; padding-right:4px; background-color:#4C5070;">开火模式:</label><br>
				<button class="jc_buttons" id="jc_fire_auto" onclick="on_jc_fire_mode(event)">自动开火</button>
				<button class="jc_buttons" id="jc_fire_request" onclick="on_jc_fire_mode(event)">请求开火</button>
				<button class="jc_buttons" id="jc_fire_simulate" onclick="on_jc_fire_mode(event)">模拟开火</button>
				<button class="jc_buttons" id="jc_fire_null" style="background-color:#AAAAAA;" onclick="on_jc_fire_mode(event)">不开火</button><br><br>
				<label style="padding-left:4px; padding-right:4px; background-color:#4C5070;">调试功能:</label><br>
				<button class="jc_buttons" id="jc_wind_test" onclick="on_jc_wind_test(event)">弹窗触发</button>
			</div>
		</div>
		<hr>
	</body>
</html>

